<template>
    <div class="soseplan">
        <el-card shadow="always">
            <div slot="header">
                <span :style="{ fontFamily: '微软雅黑', fontSize: '16px', fontWeight: 'bold' }">薪资项目</span>
            </div>
            <div class="card-body">
                <div>
                    <el-button type="primary" size="default" @click="$router.push('/home/addplan')">新增</el-button>
                    <el-button type="primary" size="default" plain
                        :style="{ background: '#fff', color: '#409eff' }">删除</el-button>
                    <el-button type="primary" size="default" plain
                        :style="{ background: '#fff', color: '#409eff' }">导出</el-button>
                </div>
                <div class="tablearea">
                    <el-table ref="multipleTable" :data="tableDataShow" stripe
                        :header-cell-style="{ background: '#f5f7f9', borderTop: '1px solid #ebeef5', textAlign: 'center' }"
                        :cell-style="{ textAlign: 'center' }" style="width: 100%">
                        <el-table-column type="selection" width="60px">
                        </el-table-column>
                        <el-table-column prop="id" label="序号" width="60px">
                        </el-table-column>
                        <el-table-column prop="planname" label="薪资项目" width="'30%'">
                        </el-table-column>
                        <el-table-column prop="shuxing" label="属性" width="80px">
                        </el-table-column>
                        <el-table-column prop="type" label="加项/减项" width="'30%'">
                        </el-table-column>
                        <el-table-column prop="leixing" label="类型" width="120px">
                        </el-table-column>
                        <el-table-column prop="xiaoshubaoliuguize" label="小数保留规则" width="'30%'">
                        </el-table-column>
                        <el-table-column prop="baoliuxiaoshuwei" label="保留小数位" width="100px">
                        </el-table-column>
                        <el-table-column prop="quzhifangshi" label="取值方式" width="100px">
                        </el-table-column>
                        <el-table-column prop="xinzidanganyinyong" label="薪资档案引用" width="'30%'">
                        </el-table-column>
                        <el-table-column prop="status" label="状态" width="80px">
                            <template slot-scope="scope">
                                <div>
                                    <el-switch @change="changeStatus(scope.row)" :value="scope.row.status == 1">
                                    </el-switch>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column label="操作" width="'30%'">
                            <template slot-scope="scope">
                                <div class="handle">
                                    <el-button type="text">编辑</el-button>
                                    <el-button type="text" :style="{ color: '#c00' }"
                                        @click="delinfo(scope.row)">删除</el-button>
                                </div>
                            </template>
                        </el-table-column>
                    </el-table>
                </div>
            </div>
            <el-row>
                <el-col :span="24" :style="{ textAlign: 'right' }">
                    <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
                        :current-page="currentPage4" layout="total, prev, pager, next" :total="73">
                    </el-pagination>
                </el-col>
            </el-row>
        </el-card>
    </div>
</template>
<script>
export default {
    name: '',
    components: {

    },
    mixins: [],
    props: {

    },
    data() {
        return {
            currentPage4: 1,
            tableData: [{
                id: 1,
                planname: '其他工资',
                shuxing: '税前',
                type: '加项',
                leixing: '基本工资',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '否',
                status: 0,
            }, {
                id: 2,
                planname: '基本工资',
                shuxing: '税前',
                type: '加项',
                leixing: '基本工资',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            }, {
                id: 3,
                planname: '岗位工资',
                shuxing: '税前',
                type: '加项',
                leixing: '基本工资',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            }, {
                id: 4,
                planname: '职务工资',
                shuxing: '税前',
                type: '加项',
                leixing: '基本工资',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            }, {
                id: 5,
                planname: '职称工资',
                shuxing: '税前',
                type: '加项',
                leixing: '基本工资',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            }, {
                id: 6,
                planname: '技能工资',
                shuxing: '税前',
                type: '加项',
                leixing: '基本工资',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id: 7,
                planname: '学历工资',
                shuxing: '税前',
                type: '加项',
                leixing: '基本工资',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id: 8,
                planname: '交通工资',
                shuxing: '税前',
                type: '加项',
                leixing: '基本工资',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id: 9,
                planname: '住房工资',
                shuxing: '税前',
                type: '加项',
                leixing: '基本工资',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:10,
                planname: '餐补',
                shuxing: '税前',
                type: '加项',
                leixing: '补贴',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:11,
                planname: '节假日补贴',
                shuxing: '税前',
                type: '加项',
                leixing: '补贴',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:12,
                planname: '供暖补贴',
                shuxing: '税前',
                type: '加项',
                leixing: '补贴',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:13,
                planname: '差旅补贴',
                shuxing: '税前',
                type: '加项',
                leixing: '补贴',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:14,
                planname: '高温津贴',
                shuxing: '税前',
                type: '加项',
                leixing: '津贴',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:15,
                planname: '工龄津贴',
                shuxing: '税前',
                type: '加项',
                leixing: '津贴',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:16,
                planname: '夜班津贴',
                shuxing: '税前',
                type: '加项',
                leixing: '津贴',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:17,
                planname: '职务津贴',
                shuxing: '税前',
                type: '加项',
                leixing: '津贴',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:18,
                planname: '通讯补贴',
                shuxing: '税前',
                type: '加项',
                leixing: '津贴',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:19,
                planname: '绩效工资',
                shuxing: '税前',
                type: '加项',
                leixing: '绩效',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:20,
                planname: '季度奖',
                shuxing: '税前',
                type: '加项',
                leixing: '绩效',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:21,
                planname: '全勤奖',
                shuxing: '税前',
                type: '加项',
                leixing: '绩效',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:22,
                planname: '年终奖',
                shuxing: '税前',
                type: '加项',
                leixing: '绩效',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:23,
                planname: '提成工资',
                shuxing: '税前',
                type: '加项',
                leixing: '提成',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:24,
                planname: '工龄工资',
                shuxing: '税前',
                type: '加项',
                leixing: '工龄工资',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:25,
                planname: '司龄工资',
                shuxing: '税前',
                type: '加项',
                leixing: '司龄工资',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '输入',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:26,
                planname: '个人社保',
                shuxing: '税前',
                type: '减项',
                leixing: '专项扣除',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:27,
                planname: '个人公积金',
                shuxing: '税前',
                type: '减项',
                leixing: '专项扣除',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:28,
                planname: '养老保险(个人)',
                shuxing: '税前',
                type: '减项',
                leixing: '专项扣除',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:29,
                planname: '医疗保险(个人)',
                shuxing: '税前',
                type: '减项',
                leixing: '专项扣除',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:30,
                planname: '失业保险(个人)',
                shuxing: '税前',
                type: '减项',
                leixing: '专项扣除',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:31,
                planname: '工伤保险(个人)',
                shuxing: '税前',
                type: '减项',
                leixing: '专项扣除',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:32,
                planname: '生育保险(个人)',
                shuxing: '税前',
                type: '减项',
                leixing: '专项扣除',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:33,
                planname: '公积金(个人)',
                shuxing: '税前',
                type: '减项',
                leixing: '专项扣除',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:34,
                planname: '企业社保',
                shuxing: '税后',
                type: '加项',
                leixing: '企业社保',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:35,
                planname: '养老保险(企业)',
                shuxing: '税后',
                type: '加项',
                leixing: '企业社保',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:36,
                planname: '医疗保险(企业)',
                shuxing: '税后',
                type: '加项',
                leixing: '企业社保',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:37,
                planname: '失业保险(企业)',
                shuxing: '税后',
                type: '加项',
                leixing: '企业社保',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:38,
                planname: '工伤保险(企业)',
                shuxing: '税后',
                type: '加项',
                leixing: '企业社保',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:39,
                planname: '生育保险(企业)',
                shuxing: '税后',
                type: '加项',
                leixing: '企业社保',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:40,
                planname: '企业公积金',
                shuxing: '税后',
                type: '加项',
                leixing: '企业社保',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:41,
                planname: '公积金(企业)',
                shuxing: '税后',
                type: '加项',
                leixing: '企业社保',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:42,
                planname: '应发工资',
                shuxing: '统计项',
                type: '其他',
                leixing: '月工资',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:43,
                planname: '应税工资',
                shuxing: '统计项',
                type: '其他',
                leixing: '月工资',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:44,
                planname: '个人所得税',
                shuxing: '统计项',
                type: '其他',
                leixing: '月工资',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:45,
                planname: '实发工资',
                shuxing: '统计项',
                type: '其他',
                leixing: '月工资',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:46,
                planname: '工作日加班费',
                shuxing: '税前',
                type: '加项',
                leixing: '加班费',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:47,
                planname: '休息日加班费',
                shuxing: '税前',
                type: '加项',
                leixing: '加班费',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:48,
                planname: '节假日加班费',
                shuxing: '税前',
                type: '加项',
                leixing: '加班费',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:49,
                planname: '加班费统计',
                shuxing: '税前',
                type: '加项',
                leixing: '加班费',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:50,
                planname: '不在职免发',
                shuxing: '税前',
                type: '减项',
                leixing: '考勤扣款',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },
            {
                id:51,
                planname: '迟到扣款',
                shuxing: '税前',
                type: '减项',
                leixing: '考勤扣款',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:52,
                planname: '早退扣款',
                shuxing: '税前',
                type: '减项',
                leixing: '考勤扣款',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:53,
                planname: '缺卡扣款',
                shuxing: '税前',
                type: '减项',
                leixing: '考勤扣款',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:54,
                planname: '旷工扣款',
                shuxing: '税前',
                type: '减项',
                leixing: '考勤扣款',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:55,
                planname: '假期扣款',
                shuxing: '税前',
                type: '减项',
                leixing: '考勤扣款',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:56,
                planname: '综合扣款',
                shuxing: '税前',
                type: '减项',
                leixing: '考勤扣款',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:57,
                planname: '考勤扣款合计',
                shuxing: '税前',
                type: '减项',
                leixing: '考勤扣款',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:58,
                planname: '累计收入额(截至上月)',
                shuxing: '过渡项',
                type: '其他',
                leixing: '上个月个税累计',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:59,
                planname: '累计减除费用(截至上月)',
                shuxing: '过渡项',
                type: '其他',
                leixing: '上个月个税累计',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:60,
                planname: '累计专项扣除(截至上月)',
                shuxing: '过渡项',
                type: '其他',
                leixing: '上个月个税累计',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:61,
                planname: '累计已预缴税额(截至上月)',
                shuxing: '过渡项',
                type: '其他',
                leixing: '上个月个税累计',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:62,
                planname: '累计子女教育',
                shuxing: '过渡项',
                type: '其他',
                leixing: '专项附加扣除',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:63,
                planname: '累计住房租金',
                shuxing: '过渡项',
                type: '其他',
                leixing: '专项附加扣除',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:64,
                planname: '累计住房贷款信息',
                shuxing: '过渡项',
                type: '其他',
                leixing: '专项附加扣除',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:65,
                planname: '累计赡养老人',
                shuxing: '过渡项',
                type: '其他',
                leixing: '专项附加扣除',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:66,
                planname: '累计继续教育',
                shuxing: '过渡项',
                type: '其他',
                leixing: '专项附加扣除',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:67,
                planname: '累计3岁以下婴幼儿照护',
                shuxing: '过渡项',
                type: '其他',
                leixing: '专项附加扣除',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:68,
                planname: '累计收入额',
                shuxing: '过渡项',
                type: '其他',
                leixing: '个税累计',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:69,
                planname: '累计减除费用',
                shuxing: '过渡项',
                type: '其他',
                leixing: '个税累计',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:70,
                planname: '累计专项扣除',
                shuxing: '过渡项',
                type: '其他',
                leixing: '个税累计',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:71,
                planname: '累计专项附加扣除',
                shuxing: '过渡项',
                type: '其他',
                leixing: '个税累计',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:72,
                planname: '累计应纳税所得额',
                shuxing: '过渡项',
                type: '其他',
                leixing: '个税累计',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },{
                id:73,
                planname: '累计应纳税额',
                shuxing: '过渡项',
                type: '其他',
                leixing: '个税累计',
                xiaoshubaoliuguize: '四舍五入',
                baoliuxiaoshuwei: '2',
                quzhifangshi: '公式',
                xinzidanganyinyong: '是',
                status: 1,
            },
        ],
            multipleSelection: [],
            tableDataShow: [],
        }
    },
    computed: {

    },
    watch: {

    },
    mounted() {
        this.tableDataShow = this.tableData.slice(0,10)
    },
    methods: {
        handleSizeChange(val) {
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange(val) {
            console.log(`当前页: ${val}`);
            this.tableDataShow = this.tableData.slice((val - 1)*10,val * 10)
        },
        delinfo(row) {
            if (row.xinzidanganyinyong == '是') {
                this.$message({
                    showClose: true,
                    message: '薪资项目被引用，不可删除！',
                    type: 'error'
                });
            } else {
                this.$message({
                    showClose: true,
                    message: '薪资项目未使用，删除成功',
                    type: 'success'
                });
            }

        },
        changeStatus(row) {
            const idx = this.tableData.findIndex(item => item.id === row.id)
            let status = this.tableData[idx].status
            if (status == 1) {
                this.tableData[idx].status = 0
            } else {
                this.tableData[idx].status = 1
            }
        }
    }
};
</script>
<style lang='less'>
.soseplan {
    width: 100%;
    height: 100%;
    box-sizing: border-box;

    .el-card {
        width: 100%;

        .card-body {
            width: 100%;

            .tablearea {
                width: 100%;

                .el-table {
                    width: 100%;
                    margin: 20px 0;

                    .handle {
                        width: 100%;
                        display: flex;
                        justify-content: space-around;
                        align-items: center;
                    }
                }
            }

            .el-table::before {
                height: 0;
            }
        }
    }
}
</style>